<script lang="ts" setup>
import { TresLeches, useControls } from "@tresjs/leches";

useControls("fpsgraph");
</script>

<template>
  <ClientOnly>
    <TresCanvas window-size>
      <TresPerspectiveCamera :position="[10, 10, 10]" :look-at="[0, 0, 0]" :near="0.1" :far="100000" />
      <OrbitControls />

      <Sky />
      <TresGridHelper />

      <Map />

      <ParkingSpace />

      <TresDirectionalLight :position="[-4, 8, 4]" :intensity="1" />

      <TresAmbientLight :intensity="1" />
    </TresCanvas>
  </ClientOnly>

  <ClientOnly>
    <tres-leches />
  </ClientOnly>
</template>
